*, ::before, ::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  text-size-adjust: 100%;
}
:root {
  box-sizing: border-box;
}
/*320px布局*/
html {
  font-size: 100px;
}
html, body {
  user-select: none;
}

body {
  font-size: 0.14rem; /*实际相当于14px*/
}
/* iphone 6 */

@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    html {
        font-size: 117.1875px;
    }
}

/* iphone6 plus */

@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    html {
        font-size: 129.375px;
    }
}

.clear-fix::after {
  display: block;
  clear: both;
  content: "";
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: inherit;
}

input, select, button {
  border: none;
  outline: none;
}
